<template>
    <div id="" class="fk">

      <div class="tijiao">
        <h4>问题反馈</h4>
        <hr>
        <textarea placeholder="请输入你要反馈的内容" v-model="postnr"></textarea>
        <div class="but">
          <mt-button @click="postfabu" type="primary">提交</mt-button>
          <mt-button @click="chong" type="primary" >重新输入</mt-button>
        </div>

      </div>
    </div>
</template>

<script>
  import { Toast } from 'mint-ui';
    export default {
        name: "feedback",
      data(){
          return{
            postnr:''
          }
      },
      methods:{
          //提交
        postfabu:function () {
          //判断用户是否填写反馈内容
          if(this.postnr.trim().length<=0 ){
            Toast('请输入你要评论反馈问题内容！');
            return;
          }
          //因为没有 api 接口 发送数据到服务器无效
          //确定提交地址
          /* var url = commom.apidomain + '/api/postcomment/'+ this.ids;
           this.$http.post(url,{content:this.postnr},{emulateJSON:true}).then(function (res) {
               Toast(res.body.message);
               // Toast({  //mint-ui 提示
               //     message: '提交成功',
               //     position: 'bottom',
               //     duration: 5000
               // });
           });*/
          Toast({  //mint-ui 提示
              message: '提交成功,谢谢您提供的反馈,它将石沉大海!!',
              position: 'bottom',
              duration: 5000});
          this.postnr = '';
        },
          //重新输入
        chong:function () {
          this.postnr = '';
        }
      }
    }
</script>

<style scoped>

  .fk{width: 100%}
  h4{
    padding: 20px;
  }
  .tijiao{
    width: 70%;
    margin: 40px 15% 10px;
  }
  textarea{
    font-size: 16px;
    color: black;
    height:150px;
  }
  .but{
    text-align: right;
  }
</style>
